<!DOCTYPE HTML>
<html>

<!-- Mirrored from show.metinfo.cn/muban/M1156008/328/news/shownews.php?lang=cn&id=61 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jan 2018 13:44:27 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<title>APP的内容布局设计，需要考虑的设计因素和原则</title>
<meta name="renderer" content="webkit">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="generator" content="MetInfo 5.3.19"  data-variable="https://show.metinfo.cn/muban/M1156008/328/,cn,109,61,2,M1156008" />
<meta name="description" content="　　工具类的APP，用户使用的目的很明确，例如在陌生的城市查看地图，转账给朋友或者晚上加班打车回家。内容型的APP或者混合型APP，既需要满足目的性很强的用户，又需要提供可以逛的内容，延长用户的停留时间，促成用户点击内容，从而增加用户使用APP的频率和活跃度。　　一个成熟的设计师在做APP内容布局设计时，考虑的因素有很多，商业目标，内容的数量和优先级，美观，易读性，运营方的KPI，运营的难易程度等" />
<meta name="keywords" content="互联网|网站建设|IT行业" />
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="../templates/M1156008/cache/metinfo.css">
<!--[if IE 9]>
<link rel="stylesheet" href="https://show.metinfo.cn/muban/M1156008/328/templates/M1156008/cache/metinfo-ie9-1.css">
<link rel="stylesheet" href="https://show.metinfo.cn/muban/M1156008/328/templates/M1156008/cache/metinfo-ie9-2.css">
<link rel="stylesheet" href="https://show.metinfo.cn/muban/M1156008/328/templates/M1156008/cache/metinfo-ie9-3.css">
<link rel="stylesheet" href="https://show.metinfo.cn/muban/M1156008/328/templates/M1156008/cache/metinfo-ie9-4.css">
<![endif]-->
<!--[if lt IE 10]>
<script src="https://show.metinfo.cn/muban/M1156008/328/app/system/include/static/vendor/media-match/media.match.min.js"></script>
<script src="https://show.metinfo.cn/muban/M1156008/328/app/system/include/static/vendor/respond/respond.min.js"></script>
<script src="https://show.metinfo.cn/muban/M1156008/328/app/system/include/static/js/classList.min.js"></script>
<![endif]-->

</head>

<body class="active">

<header role="heading" class="active">
  <div class="head-box">  
    <div class="head-top">
      <div class="logo-box">
        <a href="../index.html" title="互联网网站模板|IT行业网站模板">
          <img src="../upload/201611/1480412957.png" title="互联网网站模板|IT行业网站模板" alt="互联网网站模板|IT行业网站模板">
        </a>
      </div>

      <div class="jodo-box">
	    <p><img src="../../../../../images.metinfo.cn/muban/M1156008/328/upload/201611/1422258610.jpg" alt="扫一扫微信二维码"/></p>

		<p>扫一扫微信二维码 <em class="fa fa-mobile-phone"></em></p>

	  </div>

    </div>
	<div class="nav-cut">
	  <ul>

		<li class="nav1 "><a href="../index.html" title="精彩首页">精彩首页</a></li>

		<li class="nav1 ">
		  <a href="../product/index.html"  title="产品中心" data-alert="全部">产品中心</a>

		  <ul>

			<li class="nav2">
			  <a href="../product/product2a95.html?lang=cn&amp;class2=105"  title="高端定制网站" data-alert="全部">高端定制网站</a>

			  <ul>

				<li class="nav3"><a href="../product/product70dd.html?lang=cn&amp;class3=115"  title="响应式建站">响应式建站</a></li>

				<li class="nav3"><a href="../product/productf220.html?lang=cn&amp;class3=116"  title="PC端建站">PC端建站</a></li>

			  </ul>

			</li>

			<li class="nav2">
			  <a href="../product/product6029.html?lang=cn&amp;class2=106"  title="移动网站建设" data-alert="全部">移动网站建设</a>

			  <ul>

				<li class="nav3"><a href="../product/product4c7e.html?lang=cn&amp;class3=133"  title="手机端建站">手机端建站</a></li>

				<li class="nav3"><a href="../product/product7787.html?lang=cn&amp;class3=134"  title="微信端建站">微信端建站</a></li>

			  </ul>

			</li>

			<li class="nav2">
			  <a href="../product/producteb39.html?lang=cn&amp;class2=107"  title="业务系统研发" data-alert="全部">业务系统研发</a>

			</li>

			<li class="nav2">
			  <a href="../product/product6bba.html?lang=cn&amp;class2=108"  title="服务器运维" data-alert="全部">服务器运维</a>

			</li>

			<li class="nav2">
			  <a href="../product/product09ae.html?lang=cn&amp;class2=131"  title="APP应用程序" data-alert="全部">APP应用程序</a>

			</li>

			<li class="nav2">
			  <a href="../product/productd10b.html?lang=cn&amp;class2=132"  title="UI 美工设计" data-alert="全部">UI 美工设计</a>

			</li>

		  </ul>

		</li>

		<li class="nav1 active">
		  <a href="index.html"  title="新闻资讯" data-alert="全部">新闻资讯</a>

		  <ul>

			<li class="nav2">
			  <a href="news5a42.html?lang=cn&amp;class2=109"  title="公司新闻" data-alert="全部">公司新闻</a>

			</li>

			<li class="nav2">
			  <a href="news5fa0.html?lang=cn&amp;class2=110"  title="行业资讯" data-alert="全部">行业资讯</a>

			</li>

		  </ul>

		</li>

		<li class="nav1 ">
		  <a href="../show/index.html"  title="关于我们" data-alert="全部">关于我们</a>

		</li>

		<li class="nav1 ">
		  <a href="../img/index.html"  title="案例展示" data-alert="全部">案例展示</a>

		</li>

		<li class="background"></li>
	  </ul>
	</div>
    <div class="head-bottom">
      <div class="foto-box">

			<div class="social-box">

				<a href="http://crm2.qq.com/page/portalpage/wpa.php?uin=4000084433&amp;aty=0&amp;a=0&amp;curl=&amp;ty=1" rel="nofollow" target="_blank">
					<i class="fa fa-qq"></i>
				</a>

				<a href="#" rel="nofollow" target="_blank"><i class="fa fa-weibo"></i></a>

				<a id="met-weixin"><i class="fa fa-weixin"></i></a>
				<div id="met-weixin-content" class="hide">
					<div class="text-center met-weixin-img"><img src="../../../../../images.metinfo.cn/muban/M1156008/328/upload/201611/1422258610.jpg" /></div>
				</div>

			</div>

        <div class="foto-cut">高端定制，品牌设计</div>
        <div class="powered_by_metinfo">Powered&nbsp;by&nbsp;<a href="http://www.metinfo.cn/" target="_blank" title="企业网站管理系统">MetInfo&nbsp;5.3.19</a></div>

 
      </div>
    </div>    
  </div>
</header>

<section role="main" class="subpage active">
  <div class="main-box">

<div class="sidebar-header active">
  <div class="sidebar-icon active">
    <i class="fa fa-arrow-left"></i>
    <i class="fa fa-th-list"></i>
  </div>
  <div class="sidebar-nav">
    <ol>全部</ol>
    <ul>
	
		<li class=""><a href="index.html"  title="全部">全部</a></li>

		<li class="active">

			<a href="news5a42.html?lang=cn&amp;class2=109" title="公司新闻" class="active">公司新闻</a>

		</li>

		<li class="">

			<a href="news5fa0.html?lang=cn&amp;class2=110" title="行业资讯" class="">行业资讯</a>

		</li>

	</ul>
  </div>

  <div class="sidebar-search">
    <form method="get" action="http://show.metinfo.cn/muban/M1156008/328/search/">
      <input type="hidden" name="lang" value="cn" />
      <input type="hidden" name="class1" value="100" />
      <input type="search" name="searchword" class="searchword" placeholder="search" />
      <input type="submit" class="hidden" value=" " />
      <i class="fa fa-search"></i>
    </form>
  </div>
		
	
	
</div>

<div class="information-table">
  <div class="information-row">
    <div class="information-descript info1">
      <div class="information-title">
        <h1>APP的内容布局设计，需要考虑的设计因素和原则</h1>
        <em>
          <u>阅读</u>
          <i class="fa fa-eye"></i> 
          118 
          &nbsp;·&nbsp; 
          <u>发布日期</u>
          <i class="fa fa-clock-o"></i> 
          2016-12-09 13:58:50
          &nbsp;·&nbsp;
          <i class="fa fa-smile-o"></i> 
          赵子龙
        </em>
      </div>
      <div class="information-content">
	    <div><p>　　工具类的APP，用户使用的目的很明确，例如在陌生的城市查看地图，转账给朋友或者晚上加班打车回家。内容型的APP或者混合型APP，既需要满足目的性很强的用户，又需要提供可以逛的内容，延长用户的停留时间，促成用户点击内容，从而增加用户使用APP的频率和活跃度。</p><p><br/></p><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143619-3254-FRExKKtf0oHwuscMwX9E.png?imageView2/2/w/680/h/320" sizes="(max-width: 680px) 100vw, 680px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143619-3254-FRExKKtf0oHwuscMwX9E.png?imageView2/2/w/680/h/320 680w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143619-3254-FRExKKtf0oHwuscMwX9E-220x104.png 220w" alt="1479143619-3254-FRExKKtf0oHwuscMwX9E" width="680" height="320" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><p><br/></p><p>　　一个成熟的设计师在做APP内容布局设计时，考虑的因素有很多，商业目标，内容的数量和优先级，美观，易读性，运营方的KPI，运营的难易程度等等。</p><p>　　下面来详细说明这些设计因素和原则：</p><p>　　1. 运营方的KPI和内容的多少、优先级决定了内容的排版。</p><p>　　如果想要用户在页面有点击操作，那么内容必须命中用户的需求，现在APP常使用优惠营销活动、排行、好友关系链等多种维度来辅助决策，以期望达成较高的转化率。APP首页的弹完之地是各个运营方争资源的战场，电商每天不同的活动和商品品类需要曝光，所以我们经常看到一排两列、三列的情形，有时候甚至有四列。</p><p>　　2. 同一页面中，穿插不同的排布方式，能丰富用户逛的过程，增加页面的停留时间。</p><p>　　如：天猫首页的类目入口、营销活动、品牌专题等板块的布局</p><p><br/></p><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143620-2584-HElGXoRgXQ5WWLc6Hvgk.png?imageView2/2/w/640/h/632" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143620-2584-HElGXoRgXQ5WWLc6Hvgk.png?imageView2/2/w/640/h/632 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143620-2584-HElGXoRgXQ5WWLc6Hvgk-152x150.png 152w" alt="1479143620-2584-HElGXoRgXQ5WWLc6Hvgk" width="640" height="632" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><p><br/></p><p>　　3. 如果想要用户在一大推内容中寻找自己喜欢的内容，尽量避免只展示标题和图片，辅助用户决策的信息在一定程度上可以提高转化率。</p><p>　　如：面包旅行中得浏览次数，发布人，Vegas.com 中的价格、主办方、距离、到达方式、评价等。</p><p><br/></p><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143621-5785-5IoMnKELZeYgDziZBIwC.png?imageView2/2/w/640/h/620" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143621-5785-5IoMnKELZeYgDziZBIwC.png?imageView2/2/w/640/h/620 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143621-5785-5IoMnKELZeYgDziZBIwC-155x150.png 155w" alt="1479143621-5785-5IoMnKELZeYgDziZBIwC" width="640" height="620" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143624-4471-A3iQMgPRzLXyBCVzR7LW.png?imageView2/2/w/640/h/599" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143624-4471-A3iQMgPRzLXyBCVzR7LW.png?imageView2/2/w/640/h/599 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143624-4471-A3iQMgPRzLXyBCVzR7LW-160x150.png 160w" alt="1479143624-4471-A3iQMgPRzLXyBCVzR7LW" width="640" height="599" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><p><br/></p><p>　　4. 不同的内容采用不同的图片尺寸和排版，有利于用户快速区分和记忆。</p><p>　　音乐类APP个人专辑和MV采用了不同的图片尺寸，旅行类APP的目的地和和攻略展示方式也有所区分：</p><p><br/></p><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143623-2023-6bcGOXcxlAse89BiYX2g.png?imageView2/2/w/640/h/732" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143623-2023-6bcGOXcxlAse89BiYX2g.png?imageView2/2/w/640/h/732 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143623-2023-6bcGOXcxlAse89BiYX2g-131x150.png 131w" alt="1479143623-2023-6bcGOXcxlAse89BiYX2g" width="640" height="732" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143622-6804-s9TmpsHXIq2hrVlE4qvd.png?imageView2/2/w/640/h/812" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143622-6804-s9TmpsHXIq2hrVlE4qvd.png?imageView2/2/w/640/h/812 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143622-6804-s9TmpsHXIq2hrVlE4qvd-118x150.png 118w" alt="1479143622-6804-s9TmpsHXIq2hrVlE4qvd" width="640" height="812" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><p><br/></p><p>　　5. 当图片可以区分内容，提高用户浏览效率时，可以适当强化，但是图片质量不高时，可以适当弱化图片。</p><p><br/></p><center><center><img class="attachment-full size-full" class="imgload" style="height:200px;" data-original="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143625-2699-j0rSn2yJvkMiNPZFuxwl.jpg?imageView2/2/w/640/h/408" sizes="(max-width: 640px) 100vw, 640px" srcset="http://img.yixieshi.com/wp-content/uploads/2016/11/1479143625-2699-j0rSn2yJvkMiNPZFuxwl.jpg?imageView2/2/w/640/h/408 640w, http://img.yixieshi.com/wp-content/uploads/2016/11/1479143625-2699-j0rSn2yJvkMiNPZFuxwl-220x140.jpg 220w" alt="1479143625-2699-j0rSn2yJvkMiNPZFuxwl" width="640" height="408" data-tag="bdshare" style="display: block; margin: 20px auto; max-width: 100%; height: auto !important; background-image: none; background-attachment: scroll; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0px 0px; background-repeat: repeat;"/></center></center><p><br/></p><p>　　很多人会问，为什么现在很多APP都长得差不多?成功的经验，好的设计，当然值得大家去学习。从整个行业来说，大家已经知道什么设计是有效的，对用户是有益的。待业务稳定成熟之后，会有更多机会和时间让设计是去探索更多的可能。</p><p><br/></p><div id="metinfo_additional"></div><br /><span>标签:&nbsp&nbsp<a href="../search/search61b5.html?class1=&amp;class2=&amp;class3=&amp;searchtype=0&amp;searchword=&amp;lang=cn" target="_blank" title="链接关键词"></a>&nbsp<a href="../search/searchb0ab.html?class1=&amp;class2=&amp;class3=&amp;searchtype=0&amp;searchword=%E5%86%85%E5%AE%B9%E5%B8%83%E5%B1%80&amp;lang=cn" target="_blank" title="链接关键词">内容布局</a>&nbsp<a href="../search/search3863.html?class1=&amp;class2=&amp;class3=&amp;searchtype=0&amp;searchword=%E8%AE%BE%E8%AE%A1%E5%9B%A0%E7%B4%A0&amp;lang=cn" target="_blank" title="链接关键词">设计因素</a>&nbsp<a href="../search/search6688.html?class1=&amp;class2=&amp;class3=&amp;searchtype=0&amp;searchword=%E5%9B%A0%E7%B4%A0%E5%92%8C%E5%8E%9F%E5%88%99&amp;lang=cn" target="_blank" title="链接关键词">因素和原则</a></span></div>
	  </div>
    </div>

    <div class="information-hots">
      <div>
        <h3>为您推荐</h3>
        <ul>

          <li>
            <a href="shownews05fc.html?lang=cn&amp;id=55" title="工作总结：两个真实产品案例所引发的思考" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481260084118604.jpg?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="工作总结：两个真实产品案例所引发的思考" >
              <span>工作总结：两个真实产品案例所引发的思考</span>
              <font><i class="fa fa-clock-o"></i> 2017-11-15</font>
            </a>
          </li>

          <li>
            <a href="shownews15d3.html?lang=cn&amp;id=56" title="做产品用得上的7个心理学理论" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481260723.jpg?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="做产品用得上的7个心理学理论" >
              <span>做产品用得上的7个心理学理论</span>
              <font><i class="fa fa-clock-o"></i> 2017-10-07</font>
            </a>
          </li>

          <li>
            <a href="shownews4130.html?lang=cn&amp;id=57" title="其实，设计LOGO并不难！用对工具，你也可以成为设计师！" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481260698.jpg?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="其实，设计LOGO并不难！用对工具，你也可以成为设计师！" >
              <span>其实，设计LOGO并不难！用对工具，你也可以成为设计师！</span>
              <font><i class="fa fa-clock-o"></i> 2017-08-21</font>
            </a>
          </li>

          <li>
            <a href="shownewsda1e.html?lang=cn&amp;id=58" title="产品都免费了，还做不起来?免费模式背后的深究与思考" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481261973.png?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="产品都免费了，还做不起来?免费模式背后的深究与思考" >
              <span>产品都免费了，还做不起来?免费模式背后的深究与思考</span>
              <font><i class="fa fa-clock-o"></i> 2017-05-14</font>
            </a>
          </li>

          <li>
            <a href="shownews4f3c.html?lang=cn&amp;id=59" title="APP的注册和登录功能设计" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481262873.jpg?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="APP的注册和登录功能设计" >
              <span>APP的注册和登录功能设计</span>
              <font><i class="fa fa-clock-o"></i> 2017-02-28</font>
            </a>
          </li>

          <li>
            <a href="shownewsb7f3.html?lang=cn&amp;id=60" title="一气呵成的需求文档，要清楚3点撰写思路和这些小tips" target='_self'>
              <img  data-original="https://images.metinfo.cn/muban/M1156008/328/upload/201612/1481262610.jpg?x-oss-process=image/resize,m_fill,h_250,w_350,limit_0" title="一气呵成的需求文档，要清楚3点撰写思路和这些小tips" >
              <span>一气呵成的需求文档，要清楚3点撰写思路和这些小tips</span>
              <font><i class="fa fa-clock-o"></i> 2017-01-01</font>
            </a>
          </li>

        </ul>
      </div>
    </div>

  </div>
</div>
<div class="page-main">

	<ul class="pager pager-round">
		<li class="previous ">
			<a href="shownews8d64.html?lang=cn&amp;id=62" title="从微信、钉钉等APP，看六种常见的loading 加载设计">
				上一篇
				<span aria-hidden="true" class='hidden-xs'>：从微信、钉钉等APP，看六种常见的loading 加载设计</span> 
			</a>
		</li>
		<li class="next ">
			<a href="shownewsb7f3.html?lang=cn&amp;id=60" title="一气呵成的需求文档，要清楚3点撰写思路和这些小tips">
				下一篇
				<span aria-hidden="true" class='hidden-xs'>：一气呵成的需求文档，要清楚3点撰写思路和这些小tips</span>
			</a>
		</li>
	</ul>
</div>

<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide">
  <i class="icon wb-chevron-up" aria-hidden="true"></i>
</button>



<script src="../templates/M1156008/cache/metinfo.js"></script>

</div>

<footer ><p>互联网 版权所有 2008-2016 粤ICP备0123456789-1 </p>
</footer>

</section>

<div class="modal fade modal-3d-flip-vertical" id="met-langlist-modal" aria-hidden="true" role="dialog" tabindex="-1">
	<div class="modal-dialog modal-center modal-lg">
		<div class="modal-content">
			<div class="modal-body">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
				<div class="row">

					<div class="col-md-4 col-sm-6 col-xs-12 margin-bottom-20">
						<a href="../index.html" class="btn btn-block btn-outline btn-default btn-squared text-nowrap" title="简体中文">
							<span class="flag-icon flag-icon-cn pull-left"></span>
							简体中文
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xs-12 margin-bottom-20">
						<a href="../index9ed2.html?lang=en" class="btn btn-block btn-outline btn-default btn-squared text-nowrap" title="English">
							<span class="flag-icon flag-icon-gb pull-left"></span>
							English
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xs-12 margin-bottom-20">
						<a href="../index7339.html?lang=tc" class="btn btn-block btn-outline btn-default btn-squared text-nowrap" title="繁体中文">
							<span class="flag-icon flag-icon-cn pull-left"></span>
							繁体中文
						</a>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>

</body>

<!-- Mirrored from show.metinfo.cn/muban/M1156008/328/news/shownews.php?lang=cn&id=61 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jan 2018 13:44:27 GMT -->
</html>